<!--根据这个页单独设置样式-->
<style>
    .table-responsive{overflow-x: inherit}
    td{ vertical-align: middle!important;}
    .pagination{ margin:0!important;}
</style>
<div>
    <div class="bg-light lter b-b wrapper-md">
        <h1 class="m-n font-thin h3">属性值</h1>
    </div>
    <div class="wrapper-md" >
        <div class="panel panel-default">
            <div class="panel-heading">
                <label class="control-label ">属性值</label>
            </div>
            <div class="table-responsive">
                <table class="table table-striped  b-t b-light">
                    <thead>
                    <tr>
                        <th>id</th>
                        <th>名字</th>
                        <th>icon</th>
                        <th>排序</th>
                        <th>后台可见</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="data in ctrl.vm.data">
                        <td>{{data.id}}</td>
                        <td>{{data.name}}</td>
                        <td>{{data.alias}}</td>
                        <td>
                            <span class="label ng-binding bg-success"
                                  ng-class="{'bg-danger':data.backend_show==0,'bg-success':data.backend_show==1}">
                            <label ng-if="data.backend_show==1">是</label>
                            <label ng-if="data.backend_show==0">否</label>
                            </span>
                        </td>
                        <!--  <td>{{data.fliter_show}}</td>-->
                        <td>{{data.created_at}}</td>
                        <td>{{data.updated_at}}</td>
                        <td><button class="btn btn-sm btn-primary" ng-click="ctrl.vm.changeAttr(data)">修改</button></td>
                    </tr>
                    <tr  ng-if="!ctrl.vm.data.length" class="text-center">
                        <td colspan="6">暂无数据！</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
